{include file="com:he" /}
<div id="boxes">
    <fieldset class="layui-elem-field layui-field-title" style="margin-top: 20px;">
        <legend>apk下载列表</legend>
    </fieldset>
    <div style="padding: 20px; background-color: #F2F2F2;" v-for="(arr,index) in appList">
        <div class="layui-row layui-col-space15">
            <div class="layui-col-md12">
                <div class="layui-card">
                    <div class="layui-card-header">
                        <label for="" style="font-weight: bold">{{arr.name}}</label>
                        &nbsp;<label for="" style="float: right;opacity: 0.7;margin-right: 10px"><i class="layui-icon">&#xe66c;</i>版本：{{arr.ver}}</label>&nbsp;
                        <label for="" style="float: right;opacity: 0.7;margin-right: 10px"><i class="layui-icon">&#xe609;</i> {{to_date(arr.time)}}</label>
                    </div>
                    <div class="layui-card-body">
                        <div v-html="arr.desc">
                       </div>
                        <hr>
                        <a :download=arr.name :href=arr.url >  <button class="layui-btn" id="test7" type="button"><i class="layui-icon">&#xe601;</i>下载地址</button></a>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
    {include file="com:footer"/}
    <script type="text/javascript">
        $(function () {
            showVue();
            function showVue() {
                var middle_bot = new Vue({
                    el: '#boxes',
                    data: {
                        appList: [],
                    },
                    methods: {
                        getData() {
                            $.ajax({
                                type: "get",
                                url: 'index/api/apkList.html',
                                dataType:'json',
                                success: function (data) {

                                    middle_bot.appList=data.data;
                                },
                                error: function (res) {
                                    console.log(JSON.stringify(res));
                                }


                            })

                        }

                    }
                });


                middle_bot.getData();

            }

        })

    </script>